$(function () {
     init();

     // 自己的初始化方法
     function init() {
          // 获取轮播图数据
          getSwiperdata();
          // 获取分类数据
          getCatitems();
          // 获取首页列表数据
          getGoodslist();
     }

     /**
      * 获取首页轮播图数据
      */
     function getSwiperdata() {
          // 发送ajax请求来获取
          // $.ajax({url:"",type:"",data:"",success:function(result){}})
          // $.get(url,?data(需要发送给后台的参数),成功的回调函数)

          $.get("home/swiperdata", function (result) {
               // console.log(result);
               // 判断状态 是否成功
               if (result.meta.status == 200) {
                    // 成功

                    // 调用模板的方法 生成html标签
                    // var html=template("模板的id"，需要渲染的数据)

                    // var html = template("swiperTpl", result);
                    // var html = template("swiperTpl", {data:result.data,meta:result.meta});
                    var html = template("swiperTpl", {
                         data: result.data
                    });
                    // 把标签渲染到页面上
                    $(".pyg_slides").html(html);

                    // 初始化轮播图组件
                    var gallery = mui('.mui-slider');
                    gallery.slider({
                         // 一般的轮播图的自动轮播时间都是 5s 
                         interval: 5000 //自动轮播周期，若为0则不自动播放，默认为0；
                    });

               } else {
                    // 失败
               }
          })
     }

     /**
      * 获取首页分类数据
      */
     function getCatitems() {
          $.get("home/catitems", function (result) {

               // 判断状态
               if (result.meta.status == 200) {
                    // 成功
                    var html = template("catesTpl", {
                         data: result.data
                    });
                    $(".pyg_cates").html(html);
               } else {
                    // 失败
               }

          })
     }


     /**
      * 获取首页商品列表
      */
     function getGoodslist() {
          
          $.get("home/goodslist",function (result) {
               // 判断状态
               if(result.meta.status==200){
                    // 成功
                    var html=template("listTpl",{data:result.data});
                    $(".pyg_list").html(html);
               }else{
                    // 失败
               }
               
          })
     }

})